<template>
  <div>
    <button @click="ShowMessage">show MessageBox</button>
    <button @click="$messageBox.success()">show success</button>
    <button @click="$messageBox.info()">show info</button>
    <button @click="$messageBox.warn()">show warn</button>
    <button @click="$messageBox.danger()">show danger</button>
  </div>
</template>

<script>
import { MessageBox } from "../../components/index";
export default {
  name: "message",
  components: {
    MessageBox
  },
  methods: {
    ShowMessage() {
      this.$messageBox.show({
        title: "app",
        content: "文本内容",
        type: "warn"
      });
    }
  }
};
</script>

<style>
</style>